<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<title>Group Login</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta name="description" content="">
		<meta name="author" content="">

		<!--link rel="stylesheet/less" href="less/bootstrap.less" type="text/css" /-->
		<!--link rel="stylesheet/less" href="less/responsive.less" type="text/css" /-->
		<!--script src="js/less-1.3.3.min.js"></script-->
		<!--append ‘#!watch’ to the browser URL, then refresh the page. -->

		<link href="css/bootstrap.min.css" rel="stylesheet">
		<link href="css/style.css" rel="stylesheet">

		<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
		<!--[if lt IE 9]>
		<script src="js/html5shiv.js"></script>
		<![endif]-->

		<script type="text/javascript" src="js/jquery.min.js"></script>
		<script type="text/javascript" src="js/bootstrap.min.js"></script>
		<script type="text/javascript" src="js/login.js"></script>
	</head>

	<body style="overflow-y: hidden">

		<div class="bodyContainer" style="position:relative;top:250px;font-size:150%;font-family:mainFont">
			<div class="col-md-6 column">
				<div style="float:right">
					<p>
						Choose your Group
					</p>
					<div class="form-group">
						<div >
							<select class='form-control' value="Group Name"id="mondialGroupSelect">
								<option disabled selected> Group Name</option>
							</select>
						</div>
					</div>
					<div class="form-group">
						<div>
							<input type="password" class="form-control" id="inputOldCollectionPassword" placeholder="Group Password" required="required">
						</div>
					</div>
					<a href="#" onclick="loginCollection()" class="btn btn-info" style="font-size:100%;font-family:mainFont"> Login </a>

				</div>

			</div>
			<div class="col-md-6 column" style="border-left: black ; border-left-width: thin ; border-left-style: solid">
				<div style="float:left">
					<p>
						Create a new Group
					</p>
					<div class="form-group">
						<div>
							<input type="text" class="form-control" id="inputNewCollectionName" placeholder="New Group Name" required="required">
						</div>
					</div>
					<div class="form-group">
						<div>
							<input type="password" class="form-control" id="inputNewCollectionPassword" placeholder="New Password" required="required">
						</div>
					</div>
					<a href="#" onclick="signupCollection()" class="btn btn-info" style="font-size:100%"> Create new Group </a>

				</div>

			</div>

		</div>
	</body>
</html>
